/** 
* Copyright (c) 2021-2023 Alibaba Cloud Computing Ltd. 
* SPDX-License-Identifier: MulanPSL-2.0 
*/ 
// @import '~antd/es/style/variable.less';

html,
body,
#root {
  height: 100%;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

/* 设置背景图片 */
section { background: #fff !important; min-height: 100vh !important; }
section > div:nth-child(1) {
  background: url(~@/assets/logo_background.jpg) 0% 0% / 100% no-repeat;
  background-size: 100% auto;
  overflow-x: auto;
}

/* header */
.ant-pro-basicLayout .ant-layout-header.ant-pro-header-light {
  height: 72px !important;
  line-height: 72px !important;
  min-width: 1280px;
}
.ant-pro-top-nav-header-main {
  // margin-left: calc((100% - 1280px)/2);
  padding-left: 0px !important;

  // logo
  .ant-pro-top-nav-header-logo img {
    height: 48px;
  }
}

/* main 覆盖原来框架样式 */
.ant-pro-basicLayout-content {
  margin: 0px !important;
  // background-color: #fff;
}

/* 分页器：间距 */
.ant-table-pagination.ant-pagination {
  margin: 24px 0 !important;
}
/* 分页器：total位置样式 */
.ant-pagination-total-text {
  flex: 1 !important;
  opacity: 0.6;
}
.ant-pro-table {
  .ant-card {
    border-radius: 5px;
    .ant-card-body {
      padding-bottom: 0px;
    }
  }
}
/* table operations */
.ant-dropdown {
  .menus_item_default { color: #1890ff; }
  .menus_item_danger { color: #FF1818; }
  .menus_item_disable { color: #ccc; }
}
.table-operate-dropdown-style {
  padding: 0 8px !important;
  /* ...的大小 */
  .ant-pro-table-dropdown .anticon-ellipsis {
    font-size: 30px;
  }
}
/* table toolbar */
.ant-pro-table-list-toolbar-container {
  padding: 24px 0 24px 12px !important;
}
/* table 边距 */
.ant-pro-table .ant-card .ant-card-body {
  padding: 0 30px;
}
/* table-expanded-row */
tr.ant-table-expanded-row > td {
  padding: 0px !important;
}

/* 设置页的返回首页按钮 */
.callback_home {
  top: 47px !important;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

// Compatible with IE11
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}
